<!DOCTYPE html>
<!-- saved from url=(0024)http://galleria.aino.se/ -->
<html lang="en" class="js">
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Galleria – The JavaScript Image Gallery</title>
<link rel="stylesheet" href="css/1.css" id="galleria-theme">
<link rel="stylesheet" href="css/aino.css">
<link rel="stylesheet" href="css/G.css">
<!-- <script type="text/javascript" async="" src="Images/ga.js"></script>-->
<script>document.documentElement.className = "js";</script>
<script src="scripts/g.js"></script>
<!--[if lt IE 9 ]>
        <script src="scripts/html5.js"></script>
    <![endif]-->
<style>
.galleria-tooltip{padding:3px 8px;max-width:50%;background:#ffe;color:#000;z-index:3;position:absolute;font-size:11px;line-height:1.3opacity:0;box-shadow:0 0 2px rgba(0,0,0,.4);-moz-box-shadow:0 0 2px rgba(0,0,0,.4);-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);}
</style>
</head>
<body class="home">
<!-- Break tags are included for testing purposes only : Use CSS, it's powerful!!!! -->
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="wrap">
	<div id="content">
		<div id="demo">
			<div class="galleria-container" style="width: 864px; height: 350px; ">
				<div class="galleria-stage">
					<div class="galleria-images" style="position: relative; top: 0px; left: 0px; width: 100%; height: 100%; ">
						<div class="galleria-image" style="overflow-x: hidden; overflow-y: hidden; position: absolute; top: 0px; left: 0px; z-index: 0; opacity: 0; ">
						</div>
						<div class="galleria-image" style="overflow-x: hidden; overflow-y: hidden; position: absolute; top: 0px; left: 0px; width: 864px; height: 320px; z-index: 1; opacity: 1; ">
							<img style="display: block; width: 864px; height: 589px; position: relative; top: -134px; left: 0px; opacity: 1; " src="Images/00.jpg" width="864" height="589">
						</div>
					</div>
					<div class="galleria-loader" style="display: none; ">
					</div>
					<div class="galleria-image-nav">
						<div class="galleria-image-nav-right" style="right: 20px; ">
						</div>
						<div class="galleria-image-nav-left" style="left: 20px; ">
						</div>
					</div>
					<div class="galleria-progress" style="width: 0px; ">
					</div>
				</div>
				<div class="galleria-thumbnails-container" style="height: 320px; width: 864px; top: 350px; ">
					<div class="galleria-thumb-nav-left">
					</div>
					<div class="galleria-thumbnails-list" style="overflow-x: hidden; overflow-y: hidden; position: relative; ">
						<div class="galleria-thumbnails" style="overflow-x: hidden; overflow-y: hidden; position: relative; ">
							<div class="galleria-image active" style="overflow-x: hidden; overflow-y: hidden; position: relative; width: 80px; height: 45px; ">
								<img style="display: block; width: 80px; height: 54px; position: relative; top: -4px; left: 0px; opacity: 1; " src="Images/00_m.jpg" width="80" height="54">
							</div>
							<div class="galleria-image" style="overflow-x: hidden; overflow-y: hidden; position: relative; width: 80px; height: 45px; ">
								<img style="display: block; width: 106px; height: 45px; position: relative; top: 0px; left: -13px; opacity: 1; " src="Images/12_m.jpg" width="106" height="45">
							</div>
							<div class="galleria-image" style="overflow-x: hidden; overflow-y: hidden; position: relative; width: 80px; height: 45px; ">
								<img style="display: block; width: 80px; height: 62px; position: relative; top: -8px; left: 0px; opacity: 1; " src="Images/01_m.jpg" width="80" height="62">
							</div>
							<div class="galleria-image" style="overflow-x: hidden; overflow-y: hidden; position: relative; width: 80px; height: 45px; ">
								<img style="display: block; width: 80px; height: 46px; position: relative; top: 0px; left: 0px; opacity: 1; " src="Images/11_m.jpg" width="80" height="46">
							</div>
							<div class="galleria-image" style="overflow-x: hidden; overflow-y: hidden; position: relative; width: 80px; height: 45px; ">
								<img style="display: block; width: 80px; height: 47px; position: relative; top: -1px; left: 0px; opacity: 1; " src="Images/02_m.jpg" width="80" height="47">
							</div>
							<div class="galleria-image" style="overflow-x: hidden; overflow-y: hidden; position: relative; width: 80px; height: 45px; ">
								<img style="display: block; width: 80px; height: 60px; position: relative; top: -7px; left: 0px; opacity: 1; " src="Images/03_m.jpg" width="80" height="60">
							</div>
							<div class="galleria-image" style="overflow-x: hidden; overflow-y: hidden; position: relative; width: 80px; height: 45px; ">
								<img style="display: block; width: 80px; height: 53px; position: relative; top: -4px; left: 0px; opacity: 1; " src="Images/04_m.jpg" width="80" height="53">
							</div>
							<div class="galleria-image" style="overflow-x: hidden; overflow-y: hidden; position: relative; width: 80px; height: 45px; ">
								<img style="display: block; width: 80px; height: 53px; position: relative; top: -4px; left: 0px; opacity: 1; " src="Images/05_m.jpg" width="80" height="53">
							</div>
							<div class="galleria-image" style="overflow-x: hidden; overflow-y: hidden; position: relative; width: 80px; height: 45px; ">
								<img style="display: block; width: 80px; height: 53px; position: relative; top: -4px; left: 0px; opacity: 1; " src="Images/06_m.jpg" width="80" height="53">
							</div>
							<div class="galleria-image" style="overflow-x: hidden; overflow-y: hidden; position: relative; width: 80px; height: 45px; ">
								<img style="display: block; width: 80px; height: 53px; position: relative; top: -4px; left: 0px; opacity: 1; " src="Images/07_m.jpg" width="80" height="53">
							</div>
							<div class="galleria-image" style="overflow-x: hidden; overflow-y: hidden; position: relative; width: 80px; height: 45px; ">
								<img style="display: block; width: 80px; height: 53px; position: relative; top: -4px; left: 0px; opacity: 1; " src="Images/08_m.jpg" width="80" height="53">
							</div>
							<div class="galleria-image" style="overflow-x: hidden; overflow-y: hidden; position: relative; width: 80px; height: 45px; ">
								<img style="display: block; width: 80px; height: 52px; position: relative; top: -3px; left: 0px; opacity: 1; " src="Images/09_m.jpg" width="80" height="52">
							</div>
							<div class="galleria-image" style="overflow-x: hidden; overflow-y: hidden; position: relative; width: 80px; height: 45px; ">
								<img style="display: block; width: 80px; height: 79px; position: relative; top: -17px; left: 0px; opacity: 1; " src="Images/10_m.jpg" width="80" height="79">
							</div>
						</div>
					</div>
					<div class="galleria-thumb-nav-right">
					</div>
				</div>
				<div class="galleria-bar">
					<div class="galleria-fullscreen">
					</div>
					<div class="galleria-play">
					</div>
					<div class="galleria-popout">
					</div>
					<div class="galleria-thumblink">
					</div>
					<div class="galleria-info">
						<div class="galleria-counter" style="opacity: 1; ">
							<span class="galleria-current">1</span> / <span class="galleria-total">13</span>
						</div>
						<div class="galleria-info-text">
							<div class="galleria-info-title">
								Manzanar birds on wire
							</div>
							<div class="galleria-info-description">
								Birds on wire, evening, Manzanar Relocation Center / photograph by Ansel Adams.
							</div>
						</div>
					</div>
					<div class="galleria-s1">
					</div>
					<div class="galleria-s2">
					</div>
					<div class="galleria-s3">
					</div>
					<div class="galleria-s4">
					</div>
				</div>
				<div class="galleria-tooltip" style="left: 49px; top: 311px; opacity: 0; display: none; ">
					Play&nbsp;slideshow
				</div>
			</div>
		</div>
	</div>
</div>
<footer class="main">
</footer>
<script>G.init(1)</script>
</body>
</html>